<template>
  <p>{{count}}</p>
  <button @click="addCount">ADD</button>
</template>

<script>
export default {
  name: "Event",
  data(){
    return{
      count:0
    }
  },
  methods:{
    addCount(e){
      console.log("点击了")
      //所有写在data里面的都可以用this引用
      //vue的event对象 就是原生js对象
      this.count++
      e.target.innerHTML="Add"+this.count
    }
  }
}
</script>

<style scoped>

</style>
